<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="page-content">
	<div class="page-header">
		<h1>
			菜单管理 <small> <i class="icon-double-angle-right"></i>
				添加、修改、删除菜单信息
			</small>
		</h1>
	</div>
	<!-- /.page-header -->

	<div class="row">
		<div class="col-xs-12">
			<!-- PAGE CONTENT BEGINS -->
			<div class="col-sm-6">
				<div class="widget-box">
					<div class="widget-header widget-header-flat">
						<h4>菜单管理</h4>
					</div>

					<div class="widget-body">
						<div class="widget-main">
							<div class="row">
								<div class="col-sm-6">
									<ul>
										<li>Unordered List Item</li>

										<li><small>List Item in small tag</small></li>

										<li><b>List Item in bold tag</b></li>

										<li><i>List Item in italics tag</i></li>

										<li>
											<ul class="list-unstyled">
												<li><i class="icon-caret-right blue"></i> Nested List
													Item</li>

												<li><i class="icon-caret-right blue"></i> Nested List
													Item</li>

												<li><i class="icon-caret-right blue"></i> Nested List
													Item</li>
											</ul>
										</li>
										<li>Unordered List Item which is a longer item and may
											break into more lines.</li>

										<li><strong>List Item in strong tag</strong></li>

										<li><em>List Item in emphasis tag</em></li>
									</ul>
								</div>

								<div class="col-sm-6">
									<ol>
										<li>Ordered List Item</li>
										<li class="text-primary">.text-primary Ordered List Item</li>
										<li class="text-danger">.text-danger Ordered List Item</li>

										<li class="text-success"><b>.text-success</b> Ordered
											List Item</li>
										<li class="text-warning">.text-warning Ordered List Item</li>
										<li class="text-muted">.text-muted Ordered List Item</li>
									</ol>
								</div>
							</div>

							<hr />
							<div class="row">
								<div class="col-xs-12">
									<ul class="list-unstyled spaced">
										<li><i class="icon-bell bigger-110 purple"></i> List with
											custom icons and more space</li>

										<li><i class="icon-ok bigger-110 green"></i> Unordered
											List Item # 2</li>

										<li><i class="icon-remove bigger-110 red"></i> Unordered
											List Item # 3</li>
									</ul>

									<ul class="list-unstyled spaced2">
										<li><i class="icon-circle green"></i> Even more space</li>

										<li class="text-warning bigger-110 orange"><i
											class="icon-warning-sign"></i> Unordered List Item # 5</li>

										<li class="muted"><i class="icon-angle-right bigger-110"></i>
											Unordered List Item # 6</li>

										<li>
											<ul class="list-inline">
												<li><i class="icon-share-alt green bigger-110"></i>
													Inline List Item # 1</li>
												<li>List Item # 2</li>
												<li>List Item # 3</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /span -->
			<div class="col-sm-6">
				<div class="widget-box">
					<div class="widget-header widget-header-flat">
						<h4>菜单操作</h4>
					</div>
					<div class="widget-body">
						<ul class="list-unstyled spaced">
							<li><button type="button" class="btn btn-primary btn-lg"
									data-toggle="modal" data-target="#myModal">
									<i class="icon-plus  bigger-120">&nbsp;添加主菜单</i>
								</button></li>

							<li><button type="button" class="btn btn-danger btn-lg"
									data-toggle="modal" data-target="#myModal">
									<i class="icon-trash  bigger-120">&nbsp;删除主菜单</i>
								</button></li>

							<li><button type="button" class="btn btn-primary btn-lg"
									data-toggle="modal" data-target="#myModal">
									<i class="icon-plus  bigger-120">&nbsp;添加下级菜单</i>
								</button></li>


							<li><button type="button" class="btn btn-danger btn-lg"
									data-toggle="modal" data-target="#myModal">
									<i class="icon-trash  bigger-120">&nbsp;删除下级菜单</i>
								</button></li>



							<li><button type="button" class="btn btn-purple btn-lg"
									data-toggle="modal" data-target="#myModal">
									<i class="icon-edit bigger-120">&nbsp;修改菜单</i>
								</button></li>
						</ul>



					</div>

				</div>
			</div>
		</div>

		<hr />

	</div>
	<!-- model begin -->
	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">编辑菜单信息</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" id="menuForm" method="post">
						<div class="lenged">
							基础信息<small class="font-small text-gray">--填写菜单信息</small>
						</div>

						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 菜单名称： </label>

							<div class="col-sm-9">
								<input type="text" name="title" id="form-field-1" placeholder="请输入菜单名称"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>

						<div class="space-4"></div>

						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 菜单标识： </label>

							<div class="col-sm-9">
								<input type="text" name="sign" id="form-field-1" placeholder="请输入菜单名称"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>

						<div class="space-4"></div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1"> 菜单连接： </label>

							<div class="col-sm-9">
								<input type="text" name="url" id="form-field-1" placeholder="请输入菜单名称"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>

						<div class="space-4"></div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1">顺序号： </label>

							<div class="col-sm-9">
								<input type="text"  name="orderNumber" id="form-field-1" placeholder="请输入菜单名称"
									class="col-xs-10 col-sm-5" />
							</div>
						</div>

						<div class="space-4"></div>
						<div class="form-group">
							<label class="col-sm-3 control-label no-padding-right"
								for="form-field-1">菜单描述： </label>
							<div class="col-sm-9">
								<textarea name="description" class="col-xs-10 col-sm-10" id="form-field-4"
									placeholder="请输入菜单描述"></textarea>
							</div>

						</div>


					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
		</div>
	</div>


	<!-- model end-->


	<!-- PAGE CONTENT ENDS -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.page-content -->